<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/music.css">
		<link rel="stylesheet" href="../css/music_wrapper.css">
		<link rel="stylesheet" href="../css/music_status.css">
	</head>
	<body>
		<div class="main">

			<!-- status start -->
			<div class="status">
				<div class="status-left">
					<div><img id="logo-img" src="../img/logo.png" alt=""></div>
				</div>
				<div class="status-center">
					<p>从巴比伦的高处来，燃烧成太阳吧！</p>
				</div>
				<div class="status-right">
					<div><input id="search-text" type="text"></div>
					<div><img id="search-ico" src="../img/ico/status/search.png" alt=""></div>
					<!-- <button id="search-btn">搜索</button> -->
					<div><img src="../img/ico/status/message.png" alt=""></div>
					<div><img src="../img/ico/status/dark.png" alt=""></div>
					<div><img src="../img/ico/status/setting.png" alt=""></div>
				</div>


			</div>
			<!-- status end -->

			<div id="change-btn">
				<a href="#resent">最近</a>
				<a href="#collect">收藏</a>
				<a href="#recommend">推荐</a>
			</div>

			<div class="music-list" id="resent">
				<!-- 左侧 -->
				<div class="music-list-left">
					<div class="music-list-left-content">
						<img id="music-left-ico" src="../img/music/cover/resent001.webp" alt="">

						<div id="music-list-left-intro">
							<p>2022</p>
							<span>
								时间会慢慢沉淀，有些人会在你心底慢慢模糊。
								学会放手，你的幸福需要自己的成全。
							</span>
						</div>

						<ul id="music-list-left-song" class="music-list-right-song">
							<div href="">歌名</div>
							<div>歌手</div>
							<div>专辑</div>

							<li>是你</li>
							<li>梦然</li>
							<li>是你</li>

							<li>星星在唱歌</li>
							<li>司南</li>
							<li>星星在唱歌</li>

							<li>唯一</li>
							<li>告五人</li>
							<li>运气来的若有似无</li>

							<li>在你身边</li>
							<li>盛哲</li>
							<li>在你身边</li>

							<li>山海</li>
							<li>万豹</li>
							<li>一眼万年</li>

						</ul>


					</div>
				</div>
				<div class="music-list-left-time">
					<div>
						<div>12</div>
						<div>february</div>
					</div>
				</div>

				<!-- 右侧 -->
				<div class="music-list-right-time">
					<div>
						<div>20</div>
						<div>january</div>
					</div>
				</div>
				<div class="music-list-right">
					<div class="music-list-right-content">
						<img id="music-right-ico" src="../img/music/cover/resent002.webp" alt="">
						<div id="music-list-right-intro">
							<p>着迷于你眼睛，银河有迹可循</p>
							<span>
								在天文学中，逃逸速度表示物体逃脱星球引力的速度，水星的逃逸速度是4.435km/s，
								但这并不意味着逃离，我愿意，也希望你吸引我轨迹。
							</span>
						</div>

						<div id="music-list-right-song" class="music-list-right-song">
							<div>歌名</div>
							<div>歌手</div>
							<div>专辑</div>

							<li>水星记</li>
							<li>郭顶</li>
							<li>飞行器的执行周期</li>

							<li>保留</li>
							<li>郭顶</li>
							<li>飞行器的执行周期</li>

							<li>想着你</li>
							<li>郭顶</li>
							<li>飞行器的执行周期</li>

							<li></li>
							<li></li>
							<li></li>

							<li></li>
							<li></li>
							<li></li>

						</div>
					</div>
				</div>

				<!-- end -->

				<!-- 左侧 -->
				<div class="music-list-left">
					<div class="music-list-left-content">
						<img id="music-left-ico" src="../img/music/cover/resent003.webp" alt="">

						<div id="music-list-left-intro">
							<p>“奔跑吧，用绝望追不上的速度。”</p>
							<span>
								时间会慢慢沉淀，有些人会在你心底慢慢模糊。 学会放手，你的幸福需要自己的成全。
							</span>
						</div>

						<div id="music-list-left-song" class="music-list-right-song">
							<div href="">歌名</div>
							<div>歌手</div>
							<div>专辑</div>

							<li></li>
							<li></li>
							<li></li>

							<li>Exile</li>
							<li>JoshRabenold</li>
							<li>Exile</li>

							<li>Trouble I'm In</li>
							<li>Twinbed</li>
							<li>In Your Eyes</li>

							<li>rootless tree</li>
							<li>DamienRice</li>
							<li>RootlessTree</li>

						</div>


					</div>
				</div>
				<div class="music-list-left-time">
					<div>
						<div>23</div>
						<div>april</div>
					</div>
				</div>

				<!-- 右侧 -->
				<div class="music-list-right-time">
					<div>
						<div>29</div>
						<div>march</div>
					</div>
				</div>
				<div class="music-list-right">
					<div class="music-list-right-content">
						<img id="music-right-ico" src="../img/music/cover/resent004.webp" alt="">
						<div id="music-list-right-intro">
							<p>生活很匆忙，别错过日落和夕阳。</p>
							<span>
								我曾在日落黄昏时抱有一种期待，期待皎洁的月不再吝啬，
								期待飞舞的萤火虫不再拘谨，这样，
								我和那群消失在时光里的孩子就有机会重逢在刚收割完稻谷的田野里，
								谈着未来的理想，看看无尽的星。
							</span>
						</div>

						<div id="music-list-right-song">
							<div>歌名</div>
							<div>歌手</div>
							<div>专辑</div>

							<li>认真地老去</li>
							<li>张希/曹方</li>
							<li>认真地老去</li>

							<li>孤单心事</li>
							<li>颜中人</li>
							<li>孤单心事</li>

							<li>孤芒</li>
							<li>王帝</li>
							<li>孤芒</li>

							<li>终会与你同行</li>
							<li>白挺</li>
							<li>热门华语</li>


						</div>
					</div>
				</div>
				<!-- end -->
			</div>
			<!-- list end -->




			<div class="music-list" id="collect">
				<!-- 左侧 -->
				<div class="music-list-left">
					<div class="music-list-left-content">
						<img id="music-left-ico" src="../img/music/cover/collect001.webp" alt="">

						<div id="music-list-left-intro">
							<p>把你藏在心头 每天每夜想你</p>
							<span>
								要使整个人生都过得舒适、愉快，这是不可能的，因为人类必须具备一种能应付逆境的态度。
							</span>
						</div>

						<div id="music-list-left-song">
							<div href="">歌名</div>
							<div>歌手</div>
							<div>专辑</div>


							<li>那里都是你</li>
							<li>队长</li>
							<li>哪里都是你</li>

							<li>11</li>
							<li>队长/黄礼格</li>
							<li>11</li>

							<li>予你</li>
							<li>队长</li>
							<li>予你</li>

							<li>夜行2.0</li>
							<li>队长</li>
							<li>夜行</li>


							<li>明天</li>
							<li>队长</li>
							<li>队长的音乐世界</li>
						</div>


					</div>
				</div>
				<div class="music-list-left-time">
					<div>
						<div>15</div>
						<div>june</div>
					</div>
				</div>

				<!-- 右侧 -->
				<div class="music-list-right-time">
					<div>
						<div>19</div>
						<div>may</div>
					</div>
				</div>
				<div class="music-list-right">
					<div class="music-list-right-content">
						<img id="music-right-ico" src="../img/music/cover/collect002.webp" alt="">
						<div id="music-list-right-intro">
							<p>浮世万千 最终都会归于风雪尘土</p>
							<span>很喜欢一句话:当你真正想做一件事并想把它做好的时候，你是不会告诉任何人的。</span>
						</div>

						<div id="music-list-right-song">
							<div>歌名</div>
							<div>歌手</div>
							<div>专辑</div>

							<li>Farsight,Pt.2</li>
							<li>Tristan Eckerson</li>
							<li>Tro Revisited</li>

							<li>Puddles</li>
							<li>Jay-Lounge</li>
							<li>Puddles</li>

							<li>Season of Gold</li>
							<li>Narrow Skies</li>
							<li>Season of Gold</li>


						</div>
					</div>
				</div>

				<!-- end -->

				<!-- 左侧 -->
				<div class="music-list-left">
					<div class="music-list-left-content">
						<img id="music-left-ico" src="../img/music/cover/collect003.webp" alt="">

						<div id="music-list-left-intro">
							<p>Hidden Path</p>
							<div>
								我这辈子最幸福的事就是一个人坐在天台上，
								俯瞰整个城市的夜色，耳机中循环着喜欢的歌曲，指尖处掐着最爱的一支香烟。
							</div>
						</div>

						<!-- <div id="music-list-left-song">
							<div>歌名</div>
							<div>歌手</div>
							<div>专辑</div>


						</div> -->


					</div>
				</div>
				<div class="music-list-left-time">
					<div>
						<div>12</div>
						<div>august</div>
					</div>
				</div>

				<!-- 右侧 -->
				<div class="music-list-right-time">
					<div>
						<div>7</div>
						<div>july</div>
					</div>
				</div>
				<div class="music-list-right">
					<div class="music-list-right-content">
						<img id="music-right-ico" src="../img/music/cover/collect004.webp" alt="">
						<div id="music-list-right-intro">
							<p>City Of Stars (From "La La Land" Soundtrack)</p>
							<div>假如一切重来，我会在第一次见面吻你，推掉工作来看你的第一次表演，
								我会辞掉工作，跟随你到巴黎，巴黎也有好的爵士乐，我们会有美好家庭，
								在孩子丢给保姆的夜晚，开车带你进去吃饭，然后一起走进酒吧，听别人弹奏我做的曲子。
							</div>
						</div>
						<!-- 
						<div id="music-list-right-song">
							<div>歌名</div>
							<div>歌手</div>
							<div>专辑</div>




						</div> -->
					</div>
				</div>
				<!-- end -->
			</div>
			<!-- list end -->



			<div class="music-list" id="recommend">

			</div>
			<!-- list end -->

		</div>
		<!-- main end -->
	</body>


	<script src="../js/music.js"></script>
</html>
